<template>
  <div class="app">
    <BaseForm ref="myForm"></BaseForm>
    <!-- 需求：在父组件中操作子组件中的data中的数据或者methods中的方法 -->

    <!-- ref 和refs可以在父组件中获取到子组件对象，在父组件中使用子组件的数据或方法 -->
    <hr />
    <button @click="fnGet">父组件获取</button>
    <button @click="fnReset">父组件重置</button>
  </div>
</template>

<script>
import BaseForm from "./components/BaseForm.vue";
export default {
  components: {
    BaseForm,
  },
  methods: {
    fnGet() {
      // ! 通过$refs 获取子组件的getForm方法
      this.$refs.myForm.getForm()
    },
    fnReset(){
      // ! 通过$refs 获取子组件的resetForma方法
      this.$refs.myForm.resetForm()
    }
  },
};
</script>

<style>
</style>